export default {
  // inserted在钩子函数中获取el当前的元素,el是固定语法,option用于接收传参,option名字是随意设置
  inserted(el, option) {
    // console.log(el)
    // console.log(option)
    // 监听错误事件
    el.addEventListener('error', () => {
      el.src = option.value
    })
    // 以上的代码针对数据图片地址错误,遇到数据没有图片地址会出现报错,所以做个条件判定,有地址直接给地址,没地址给一个默认地址
    el.src = el.src || option.value
  },
  // 因为上面的钩子函数inserted只能触发一次,所以当页面发生翻页,图片地址发生错误却不能设置为默认图片,所以需要重新添加多一个钩子函数,每次页面更新都会触发
  componentUpdated(el, option) {
    el.src = el.src || option.value
  }
}
